.switchover{
    font-size: .48rem;
    text-align: center;
    width: 100%;
    height: 100%;
    header{
        width: 100%;
        height: 10%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    main{
        width: 100%;
        height: 80%;
        overflow: hidden;
        section{
            display: flex;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
        }
        .secfront{
            // background: lightgreen;
            border-top: 0.027rem solid #000;
            border-bottom: 0.027rem solid #000;
        }
        .secback{
            // background: lightsalmon;
            border-top: 0.027rem solid #000;
            border-bottom: 0.027rem solid #000;
        }
        .rotate{
            transition: 0.5s;
            transform:rotateX(180deg);
        }
        .rotate2{
            transition: 0.5s;
            transform:rotateX(180deg);
        }
        .on{
            display: flex;
        }
        .none{
            display: none;
        }
    }
    footer{
        width: 100%;
        height: 10%;
    }
}